<template>
  <!-- 滞销城市分布情况 -->
  <div class="loc2">
      <dv-border-box-8 style="width:800px; height:600px;">
      <p>31-40销量城市</p>
      <dv-decoration-5 style="width:300px;height:40px;" />
      <div class="box">
        <bydhis-2></bydhis-2>
        <tslhis-2></tslhis-2>
      </div>
    </dv-border-box-8>
  </div>
</template>

<script>
import Bydhis2 from '@/components/All/loc/Bydhis2.vue'
import Tslhis2 from '@/components/All/loc/Tslhis2.vue'
export default {
  components: {
    Bydhis2,
    Tslhis2
  }
}
</script>

<style lang="less" scoped>
.box {
  display: flex;
  padding-top: 80px;
}
p {
  color: orange;
  text-align: center;
  padding-top: 50px;
}
.dv-decoration-5 {
  margin: auto;
}
</style>